.capçalera {
background-color: rgb(0, 0, 0);
color:rgb(255, 255, 255);
text-align: center;
padding: 10px;
border-radius: 50px;
}


.grid-obras {
display: grid;  /* Disseny de graella */
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  /* Columnes responsives. */
gap: 90px;
margin: 10px;
padding: 10px;
}


.obra {
text-align: center;
border: 1px solid #000000;
border-radius: 30px;
margin: 5px;
transition: transform 0.3s ease;  /*Transició suau */
padding: 5%;
}


.obra:hover {
transform: scale(1.60);  /*Efecte d'augmentar la mida al passar el cursor*/
}


p {
margin: 40px;
}


h1 {
margin: 40px;
}


.obra img {
width: 80%;
height: auto;
border-radius: 50px;
padding: 40px;
align-self: center;
}


.obra h3 {
margin: 10px;
font-size: 15px;
color: #000000;
}